.container{
    width: 100%;
    height: 100%;
    
    .content{
        width: 100%;
        height: 80%;

        .content-top{
            width: 100%;
            height: 80px;
            background: #fff;
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin-top: 30px;
           >div{
             display: flex;
             align-items: center;
             font-size: 18px;
             p{
                margin-right: 10px;
             }
             input{
                width: 200px;
                height: 40px;
            }

            select{
                width: 200px;
                height: 40px;
            }
            .search{
                width: 100px;
                height: 40px;
                background: skyblue;
                border: none;
                margin-right: 10px;
            }
            .reset{
                width: 100px;
                height: 40px;
                background: #ededed;
                border: none;
            }
           }
        }
        .allArtcles{
            width: 100%;
            
        }
        .tabsbox{
          width: 100%;
          margin-top: 30px;
        
        }
    }
}